<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES Modules 模块特性</title>
</head>
<body>
    <!--1 esm 给script 标签添加type = module 属性，就可以以ES Module
    标准执行-->
    <script type="module">
        console.log("this is es module")
    </script>
    <!-- 2 且自动使用严格模式, -->
    <script type="module">
        console.log("this", this)
        var foo = "张三"
        console.log("foo1", foo)
    </script>
    <!-- 3 每个模块单独运行在自己的私有作用域, 此处就取不到上面定义的 foo-->
    <script type="module">
        console.log("foo2", foo)
    </script>
    <!-- 4. es module 是通过跨域请求资源的 -->
    <!-- <script  type="module" src="https://unpkg.com/jquery@3.4.1/dist/jquery.min.js"></script> -->
    <!-- 5自动延迟执行脚本 -->
    <script type="module" src="./1.index.js"></script>
    <p>1346545645</p>
</body>
</html>